@charset "utf-8";
/* 公共样式 */
/* CSS Document Yahoo(YUI) CSS Reset*/

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
	padding: 0;
	margin: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
	padding: 0;
	margin: 0 auto;
}

img {
	vertical-align: top
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-weight: normal;
	font-style: normal;
}

ol,
ul {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	font-size: 100%;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
}

a {
	color: #222;
	text-decoration: none;
}

a:hover {
	color: #de3b3b
}

i {
	font-style: normal
}

/* 通用容器 */
.wrapper {
	clear: both;
	overflow: hidden;
	width: 100%
}

/* CSS Document My CSS Reset*/

body {
	font-family: "微软雅黑", Helvetica, Arial, sans-serif;
	/* font-family: "MicrosoftYaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; */
	font-size: 14px;
	line-height: 20px;
	color: #222;
}

/* 常用css定义*/
.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
	/*IE/7/6*/
}

.clear {
	clear: both;
	height: 0px;
	width: 100%;
	font-size: 1px;
	line-height: 0px;
	visibility: hidden;
	overflow: hidden;
}

/*浮动*/
.fl {
	float: left;
}

.fr {
	float: right;
}


/*圆角兼容*/
.radius2 {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.radius3 {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/*    定位关系     */
.absolute {
	position: absolute;
}

.relative {
	position: relative;
}

.m-c {
	margin: 0 auto;
}

/*  鼠标样式 */
.pointer {
	cursor: pointer;
	font-weight: bold;
}

/* 取消边框 */
.noborder,
div ul li.noborder {
	border: 0 none;
}

/*  字体大小  */
.f10 {
	font-size: 10px;
}

.f11 {
	font-size: 11px;
}

.f12 {
	font-size: 12px;
}

.f13 {
	font-size: 13px;
}

.f14 {
	font-size: 14px !important;
}

.f15 {
	font-size: 15px !important;
}

.f16 {
	font-size: 16px;
}

.f18 {
	font-size: 18px !important;
}

.f17 {
	font-size: 17px !important;
}

.f20 {
	font-size: 20px;
}

.f50 {
	font-size: 50px;
}

.f40 {
	font-size: 40px;
}

.f42 {
	font-size: 42px;
}

.f30 {
	font-size: 30px;
}

.f31 {
	font-size: 31px;
}

.f22 {
	font-size: 22px;
}

.f24 {
	font-size: 24px;
}

.f27 {
	font-size: 27px !important;
}

.f28 {
	font-size: 28px !important;
}

.f26 {
	font-size: 26px !important;
}

.f25 {
	font-size: 25px !important;
}

.f38 {
	font-size: 38px !important;
}

/*  文本对齐方式  */
.t-l {
	text-align: left !important;
}

.t-c {
	text-align: center !important;
}

.t-r {
	text-align: right !important;
}

/* 颜色*/
.cWhite {
	color: #FFF;
}

.cGray1 {
	color: #562d11;
}

.cGray2 {
	color: #666;
}

.cGray3 {
	color: #999999;
}

.cGray4 {
	color: #cccccc;
}

.cGray5 {
	color: #707070;
}

.cGray6 {
	color: #959595;
}

.cViolet {
	color: #88589e;
}

.cGreen {
	color: #00ff00;
}

.cRed {
	color: #da251c;
}

.cOrange {
	color: #ff4400;
}

.cBlue {
	color: #0e6cae;
}

.cBlack {
	color: #000;
}

.cGreen1 {
	color: #14b12c;
}



.cOrange1 {
	color: #ff4400;
}

.cOrange1 a {
	color: #ff4400;
}

.cOrange1 a:hover {
	color: #ff4400;
	text-decoration: underline;
}

.cBlue1 {
	color: #0e6cae;
}

.cBlue1 a {
	color: #0e6cae;
}

.cBlue1 a:hover {
	color: #0e6cae;
	text-decoration: underline;
}

/*
	
     * 定义行高
     * @class LH
     * @desc 使用较少,主要定义line-height属性
     */
.lh1 {
	line-height: 1px;
}

.lh10 {
	line-height: 10px;
}

.lh15 {
	line-height: 15px;
}

.lh18 {
	line-height: 18px;
}

.lh20 {
	line-height: 20px;
}

.lh23 {
	line-height: 23px;
}

.lh25 {
	line-height: 25px;
}

.lh30 {
	line-height: 30px;
}

.lh35 {
	line-height: 35px;
}

.lh40 {
	line-height: 40px;
}

.lh80 {
	line-height: 80px;
}

/*
* 从页面布局上隐藏元素
* @class hidden
* @desc    从布局上隐藏元素
*/
.hidden {
	display: none;
}

.block {
	display: block;
}

.inblock {
	display: inline-block;
}

.inline {
	display: inline;
}

/* 字体样式 */
.fb {
	font-weight: bold;
}

.fn {
	font-weight: normal !important;
}

.fsi {
	font-style: italic;
}

.ti2 {
	text-indent: 2em;
}

.ti5 {
	text-indent: 5px;
}

.ti20 {
	text-indent: 20px;
}

/*不能自动换行，超出宽度能变成...，并隐藏*/
.toe {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

/* 宽、高 */
.w800 {
	width: 800px !important;
}

.w776 {
	width: 776px;
}

.w705 {
	width: 705px;
}

.w700 {
	width: 700px;
}

.w680 {
	width: 680px;
}

.w670 {
	width: 670px;
}

.w630 {
	width: 630px;
}

.w612 {
	width: 612px;
}

.w600 {
	width: 600px;
}

.w580 {
	width: 580px;
}

.w560 {
	width: 560px;
}

.w525 {
	width: 525px;
	 !important;
}

.w520 {
	width: 520px;
}

.w500 {
	width: 500px;
}

.w470 {
	width: 470px;
}

.w460 {
	width: 460px;
}

.w400 {
	width: 400px;
}

.w380 {
	width: 380px;
}

.w375 {
	width: 375px;
}

.w425 {
	width: 425px;
}

.w290 {
	width: 290px;
}

.w280 {
	width: 280px;
}

.w270 {
	width: 270px;
}

.w230 {
	width: 230px;
}

.w220 {
	width: 220px;
}

.w200 {
	width: 200px;
}

.w190 {
	width: 190px;
}

.w183 {
	width: 183px;
}

.w170 {
	width: 170px;
}

.w120 {
	width: 120px;
}

.w65 {
	width: 65px;
}

.w35 {
	width: 35px;
}

.w262 {
	width: 262px;
}

.w1000 {
	width: 1000px;
	margin: 0 auto;
}

.w1100 {
	width: 1100px;
	margin: 0 auto;
}

.w1200 {
	width: 1200px;
	margin: 0 auto;
}

.h39 {
	height: 39px;
}

.h50 {
	height: 50px;
}

.h100 {
	height: 100px;
}

.h220 {
	height: 220px !important;
}

.h560 {
	height: 560px;
}

/* 内/外边距定义*/

.p5 {
	padding: 5px;
}

.p10 {
	padding: 10px;
}

.p15 {
	padding: 15px;
}

.p20 {
	padding: 20px;
}

.p26 {
	padding: 26px 16px;
}

.p25 {
	padding: 25px;
}

.p30 {
	padding: 30px;
}

.p50 {
	padding: 50px;
}

.p100 {
	padding: 100px;
}

.p24 {
	padding: 24px 19px;
}

.p28 {
	padding: 28px 17px;
}

.p14 {
	padding: 14px 19px;
}

.p15 {
	padding: 15px 19px;
}

.pt3 {
	padding-top: 3px;
}

.pt5 {
	padding-top: 5px;
}

.pt7 {
	padding-top: 7px;
}

.pt9 {
	padding-top: 9px;
}

.pt10 {
	padding-top: 10px;
}

.pt11 {
	padding-top: 11px;
}

.pt12 {
	padding-top: 12px;
}

.pt15 {
	padding-top: 15px;
}

.pt20 {
	padding-top: 20px;
}

.pt25 {
	padding-top: 25px;
}

.pt30 {
	padding-top: 30px;
}

.pt35 {
	padding-top: 35px;
}

.pt40 {
	padding-top: 40px;
}

.pt50 {
	padding-top: 50px;
}

.pt80 {
	padding-top: 80px;
}

.pt100 {
	padding-top: 100px;
}



.pb5 {
	padding-bottom: 5px;
}

.pb10 {
	padding-bottom: 10px;
}

.pb15 {
	padding-bottom: 15px;
}

.pb20 {
	padding-bottom: 20px;
}

.pb25 {
	padding-bottom: 25px;
}

.pb30 {
	padding-bottom: 30px;
}

.pb50 {
	padding-bottom: 50px;
}

.pb100 {
	padding-bottom: 100px;
}

.pb150 {
	padding-bottom: 150px;
}


.pl0 {
	padding-left: 0px;
}

.pl2 {
	padding-left: 2px;
}

.pl5 {
	padding-left: 5px;
}

.pl10 {
	padding-left: 10px;
}

.pl15 {
	padding-left: 15px;
}

.pl20 {
	padding-left: 20px;
}

.pl25 {
	padding-left: 25px;
}

.pl28 {
	padding-left: 28px;
}

.pl30 {
	padding-left: 30px;
}

.pl35 {
	padding-left: 35px;
}

.pl50 {
	padding-left: 50px;
}

.pl90 {
	padding-left: 80px;
}

.pl100 {
	padding-left: 100px;
}

.pl120 {
	padding-left: 120px;
}

.pl140 {
	padding-left: 140px;
}

.pl150 {
	padding-left: 150px;
}

.pl175 {
	padding-left: 175px;
}

.pl200 {
	padding-left: 200px;
}

.pl230 {
	padding-left: 230px;
}

.pl300 {
	padding-left: 300px;
}

.pr5 {
	padding-right: 5px;
}

.pr10 {
	padding-right: 10px;
}

.pr15 {
	padding-right: 15px;
}

.pr20 {
	padding-right: 20px;
}

.pr25 {
	padding-right: 25px;
}

.pr30 {
	padding-right: 30px;
}

.pr50 {
	padding-right: 50px;
}

.pr100 {
	padding-right: 100px;
}


.m5 {
	margin: 5px;
}

.m10 {
	margin: 10px;
}

.m15 {
	margin: 15px;
}

.m20 {
	margin: 20px;
}

.m25 {
	margin: 25px;
}

.m30 {
	margin: 30px;
}

.m50 {
	margin: 50px;
}

.m100 {
	margin: 100px;
}

.mt5 {
	margin-top: 5px;
}

.mt08 {
	margin-top: 8px;
}

.mt10 {
	margin-top: 10px;
}

.mt12 {
	margin-top: 12px;
}

.mt15 {
	margin-top: 15px;
}

.mt18 {
	margin-top: 18px;
}

.mt20 {
	margin-top: 20px;
}

.mt25 {
	margin-top: 25px;
}

.mt35 {
	margin-top: 35px;
}

.mt30 {
	margin-top: 30px;
}

.mt40 {
	margin-top: 40px;
}

.mt50 {
	margin-top: 50px;
}

.mt60 {
	margin-top: 60px;
}

.mt70 {
	margin-top: 70px;
}

.mt80 {
	margin-top: 80px;
}

.mt90 {
	margin-top: 90px;
}

.mt100 {
	margin-top: 100px;
}

.mt110 {
	margin-top: 110px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb7 {
	margin-bottom: 7px;
}

.mb9 {
	margin-bottom: 9px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb25 {
	margin-bottom: 25px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb50 {
	margin-bottom: 50px;
}

.mb60 {
	margin-bottom: 60px;
}

.mb80 {
	margin-bottom: 80px;
}

.mb100 {
	margin-bottom: 100px;
}

.ml5 {
	margin-left: 5px;
}

.ml6 {
	margin-left: 6px;
}

.ml7 {
	margin-left: 7px;
}

.ml8 {
	margin-left: 8px;
}

.ml9 {
	margin-left: 9px;
}

.ml10 {
	margin-left: 10px;
}

.ml15 {
	margin-left: 15px;
}

.ml17 {
	margin-left: 17px;
}

.ml20 {
	margin-left: 20px;
}

.ml25 {
	margin-left: 25px;
}

.ml30 {
	margin-left: 30px;
}

.ml35 {
	margin-left: 35px;
}

.ml40 {
	margin-left: 40px;
	 !important;
}

.ml50 {
	margin-left: 50px;
}

.ml60 {
	margin-left: 60px;
}

.ml70 {
	margin-left: 70px;
}

.ml80 {
	margin-left: 80px;
}

.ml100 {
	margin-left: 100px;
}

.ml150 {
	margin-left: 150px;
}

.ml160 {
	margin-left: 160px;
}

.ml170 {
	margin-left: 170px;
}

.ml200 {
	margin-left: 200px;
}

.ml215 {
	margin-left: 215px;
}

.ml250 {
	margin-left: 250px;
}


.mr5 {
	margin-right: 5px;
}

.mr10 {
	margin-right: 10px;
}

.mr15 {
	margin-right: 15px;
}

.mr20 {
	margin-right: 20px;
}

.mr25 {
	margin-right: 25px;
}

.mr30 {
	margin-right: 30px;
}

.mr32 {
	margin-right: 32px;
}

.mr33 {
	margin-right: 33px;
}

.mr50 {
	margin-right: 50px;
}

.mr100 {
	margin-right: 100px;
}

.h80 {
	height: 80px;
	background: #444041;
	width: 100%;

}

.w295,
.w295 img {
	width: 295px;
}

.w255 {
	width: 255px;
	background: #000000;
	color: #ffffff;

}

.ml3 {
	margin-left: 3px;
}

.h440 {
	height: 440px;
}

.w688 {
	width: 688px;
}

.w685 {
	width: 685px;
}

.w986 {
	width: 986px;
}

.w388 {
	width: 388px;
}

.w653 {
	width: 653px;
}

.f60 {
	font-size: 60px;
}

.w227 {
	width: 227px;
}

.w134 {
	width: 134px;
}

.w162 {
	width: 162px;
}

.h224 {
	height: 224px;
}

.f35 {
	font-size: 35px;
	display: inline;
}

.w128 {
	width: 128px;
}

.w390 {
	width: 390px;
	color: #444041;
}

.w207 {
	width: 207px;
}

.w170 {
	width: 146px;

}

.mr29 {
	margin-right: 29px;
}

.ml390 {
	margin-left: 390px;
}

.ml350 {
	margin-left: 350px;
}

.mt190 {
	margin-top: 190px;
}

.ml300 {
	margin-left: 300px;
}

.mr3 {
	margin-right: 3px;
}

.pt80 {
	padding-top: 80px;
}

.ml410 {
	margin-left: 410px;
}